<!DOCTYPE html>
<%@ page language="java" contentType="text/html; charset=utf-8"%>
<%-- 引入公共的配置jsp页面 --%>
<%@ include file="/common/jsp/header.jsp"%>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title>Splunk 告警列表页</title>
    <link href="${path }/common/plugins/bootstrap-combobox/bootstrap-combobox.css" rel="stylesheet" type="text/css">
    <script src="${path }/common/plugins/bootstrap-combobox/bootstrap-combobox.js"></script>
    <script src="${path }/common/plugins/laydate/laydate.js" type="text/javascript"></script>
    <script src="${path }/common/js/shared.js"></script>
    <script src="js/alert_list.js"></script>
    <style>
        .color{color:#5F62EC;}
    </style>
    <script>
        var starttime='${starttime}'
        var endtime='${endtime}'
    </script>
</head>
<body>
<div class="content">
    <div class="control-title">
        <div class="title_left">
            <span>
                <svg class="icon" aria-hidden="true">
                    <use xlink:href="#icon-biaoti"></use>
                </svg>
            </span>
            告警列表页
        </div>
        <div class="spanbtn">
            <button id="addEvent" type="button" class="btn btn-info">添加事件</button>
        </div>
    </div>
    <div class="content_condition">
        <form class="form-horizontal">
            <div class="form-group onlyOne">
                <input id="keySearch" type="text" class="form-control" placeholder="关键字搜索...">
            </div>
            <div class="form-group">
                <label>告警名称：</label>
                <select id="alertName" class="form-control">
                    <option value="">请选择...</option>
                    <c:forEach items="${nameList}" var="name">
                        <option value="${name}">${name}</option>
                    </c:forEach>
                </select>
            </div>
            <div class="form-group">
                <label>告警级别：</label>
                <select id="alertLevel" class="form-control">
                    <option value="">请选择...</option>
                    <option value="1">信息</option>
                    <option value="2">低</option>
                    <option value="3">中</option>
                    <option value="4">高</option>
                    <option value="5">严重</option>
                </select>
            </div>
            <div class="form-group">
                <label>开始日期</label>
                <%--<div class='input-group date' id='datetimepicker1'>--%>
                    <%--<input id="earliestTime" type='text' class="form-control" />--%>
                    <%--<span class="input-group-addon">--%>
                        <%--<span class="glyphicon glyphicon-calendar"></span>--%>
                    <%--</span>--%>
                <%--</div>--%>
                <div class='input-group date'>
                    <input id="earliestTime" type='text' class="form-control" />
                </div>
            </div>
            <div class="form-group">
                <label>结束日期</label>
                <div class='input-group date' id='datetimepicker2'>
                    <input id="latestTime" type='text' class="form-control" />
                    <%--<span class="input-group-addon">--%>
                        <%--<span class="glyphicon glyphicon-calendar"></span>--%>
                    <%--</span>--%>
                </div>
            </div>
            <div class="form-group btnbox">
                <button type="button" class="btn btn-primary">查询</button>
            </div>
            <div class="clearfloat"></div>
        </form>
    </div>
    <div id="alertTable" class="content_table">

    </div>
    <br/>
    <div id="moreAlertTable" class="content_table">

    </div>
    <br/>
    <br/>
    <div id="logTable" class="content_table">

    </div>
    <br/>
    <br/>
    <%--展示原始日志--%>
    <div id="detailsTable" class="content_table">

    </div>
</div>
</body>
</html>
